<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>文本设置</title>
		<style>
			
			p {
				/*
					文本颜色, 值可以为颜色的英语单词, eg: red, orange, yellow green blue...;
					光源三原色: rgb 红绿蓝;

				*/
				/*color: blue;*/
				/*color: rgb(255, 0, 255);*/
				/*
					a: alpha; 不透明度, 范围 0-1
					如果值为 小数, 比如 0.5可以写成 .5
				*/
				/*color: rgba(255, 0, 255, .5);*/

				/*color: #7DD2F6;*/

				/*
					web安全色
					在不同的操作系统和硬件下显示的颜色一样
					00, 33, 66, 99, cc, ff
					共216种组合
				*/
				/*color: #003366;*/
				/* 简写 */
				/*color: #036;*/
				/*color: #fff;*/
				/* #ccff99 */
				/*color: #cf9;*/
				
				/*
					text-decoration: 文本装饰;
					overline: 上划线;
					underline: 下划线;
					line-through: 删除线;
					none: 无任何装饰;
				*/
				text-decoration: underline;
				
				/*
					文本对齐方式
					left: 左对齐;
					right: 右对齐;
					center: 居中对齐;
					justify: 两端对齐;
				*/
				text-align: justify;
				
				/*
					首行缩进
				*/
				/*text-indent: 50px;*/
				/*
					空两个字体大小
				*/
				text-indent: 2em;
				
				/*
					文本转换
					capitalize: 首字母大写;
					uppercase: 字母全大写;
					lowercase: 字母变小写;
				*/
				text-transform: lowercase;
				
				/*
					空白符处理
					pre: 不会合并空白符;
					pre-line: 会合并空白符, 但不合并回车;
					pre-wrap: 和pre相比, 超出范围的内容会自动换行;
					nowrap: 不换行;
				*/
				white-space: nowrap;
				/*
					溢出: 隐藏;
				*/
				overflow: hidden;
				/*
					文本溢出
					ellipsis: 省略号;
					clip: 裁切;
				*/
				text-overflow: clip;
				/*background-color: red;*/
			}

			a {
				text-decoration: none;
				color: black;
			}

		</style>
	</head>
	<body>

		<p>今天周六呢, 大家     该总结总结之前学过的内容了.</p>
		<p>你好, 是撒娇的福利多少积
			分老师肯定积分拉丝粉拉斯科技对方萨拉丁  会计法拉升阶段法   拉盛大
		家福利卡三等奖法拉盛代理费看见爱上了的纠纷世纪东方拉数据地方来看撒娇的福利卡接收到六块腹肌拉斯科技对方阿拉   山口大家福利卡世纪东方阿萨德开了房间辣涉及到法律挨饿ofo那份空间阿佛诶简欧风景拉斯卡减肥了我无头发健康服务饿哦无加法计算的foe将发放金额哦范德萨金佛大姐夫</p>
		<a href="http://www.baidu.com">百度一下</a>
		<p>i love you and you love me too. Hello</p>
		
	</body>
</html>